
$white-color: #fff;
$black-color: #000;

$u-bg-color: #f3f4f6;
$u-bg-reverse-color: #fff;
$u-content-color: #606266;

$font-20: 20rpx;
$font-22: 22rpx;
$font-24: 24rpx;
$font-26: 26rpx;
$font-28: 28rpx;
$font-30: 30rpx;
$font-32: 32rpx;
$font-34: 34rpx;
$font-36: 36rpx;
$font-38: 38rpx;
$font-40: 40rpx;
$font-48: 48rpx;
$font-64: 64rpx;
$font-72: 72rpx;

$m4: 4rpx;
$m8: 8rpx;
$m12: 12rpx;
$m16: 16rpx;
$m20: 20rpx;
$m24: 24rpx;
$m28: 28rpx;
$m32: 32rpx;
$m36: 36rpx;
$m40: 40rpx;
$m48: 48rpx;
$m64: 64rpx;
$m72: 72rpx;
$m120: 120rpx;

$radius-4: 4rpx;
$radius-8: 8rpx;
$radius-12: 12rpx;
$radius-16: 16rpx;
$radius-20: 20rpx;
$radius-24: 24rpx;
$radius-32: 32rpx;
$radius-64: 64rpx;
$radius-half: 100rpx;
$radius-circle: 50%;

$primary-color: #1A79F9 !default;
$primary-light-color: #19D2F5 !default;
$success-color: #30C864 !default;
$warning-color: #FCA06D !default;
$link-color: $primary-color!default;
$info-color: #5f6670 !default;
$error-color: #e73838 !default;

$main-color: #222a52 !default;
$content-color: #7c859c !default;
$tips-color: #97a2be !default;
$placeholder-color: #c7cbd5 !default;
$inverse-color: $white-color !default;
$border-color: #f0f0f1 !default;